<template>
	<view class="listChildLayout_child">
		<u--image width="160px" height="160px"
			:src="item.cover_url"></u--image>
		<view class="listChildLayout_child_context">
			<view class="listChildLayout_child_context_titel">
				{{item.title}}
			</view>
			<view class="listChildLayout_child_context_pirce">
				<view class="listChildLayout_child_context_pirce_left">
					￥ {{item.price}}
				</view>
				<view class="listChildLayout_child_context_pirce_right">
					已售 {{item.stock}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"Attr",
		data() {
			return {
				
			};
		},
		props:['item'],
		filters: {
			onPrice(value) {
				console.log(value)		
				return '啊哈哈哈'
					}
		}
	}
</script>

<style lang="scss" scoped>
		.listChildLayout_child {
			
			display: flex;
			flex-direction: column;
			width: 90%;
			height: 90%;
			align-items: center;
			overflow: hidden;
			box-shadow: 0 0 15px #555555;

			.listChildLayout_child_context {
				flex: 1;
				display: flex;
				flex-direction: column;
				width: 100%;

				.listChildLayout_child_context_titel {
					height: 50%;
					padding-left: 20rpx;
					font-weight: 700;
					display: flex;
					align-items: flex-end;
					 white-space: nowrap;
					  overflow:hidden;
					  text-overflow: ellipsis;
				}

				.listChildLayout_child_context_pirce {
					height: 50%;
					font-size: 15rpx;
					display: flex;
					padding: 0 20rpx;
					justify-content: space-between;

					.listChildLayout_child_context_pirce_left {
						font-weight: 600;
						color: #dd0000;
						display: flex;
						align-items: center;
					
					}

					.listChildLayout_child_context_pirce_right {
						color: #606266;
						align-items: center;
						display: flex;
						align-items: center;
					}
				}
			}
		}
</style>
